<script setup lang="ts">
	//商城支付页
	import { ref } from "vue";
	import {
		onShow,
		onHide,
		onLoad
	} from '@dcloudio/uni-app';
	import {
		getCurrentInstance
	} from 'vue'
	import {
		useRouter
	} from 'uni-mini-router'
	import {
		userStore
	} from '@/pinia';
	const userStoreInfo = userStore();
	const {
		proxy,
	} = getCurrentInstance()
	let router = useRouter()
	const backPage = () => {
		uni.navigateBack({
			delta: 3
		})
	}
	const order = () => {
		router.push({
			name: 'myOrder',
			params: {}
		})
	}
</script>
<template>
	<view class="aa c-flex-center-center">
		<image src="../../../static/images/paySuccess.png" mode=""></image>
		<text>付款成功</text>
	</view>
	<view class="btns r-flex-between-center">
		<view class="btn" @click="order">
			查看订单
		</view>
		<view class="btn" @click="backPage">
			商城首页
		</view>
	</view>
</template>
<style lang="scss">
	view {
		box-sizing: border-box;
	}

	.aa {
		margin-top: 200rpx;

		image {
			width: 128rpx;
			height: 128rpx;
			margin-bottom: 16rpx;
		}

		text {
			font-size: 30rpx;
			font-weight: 500;
			color: #000000;
		}
	}

	.btns {
		width: 100%;
		padding: 0 64rpx;
		margin-top: 170rpx;

		.btn {
			width: 296rpx;
			height: 88rpx;
			line-height: 88rpx;
			background: rgba(255, 255, 255, 0);
			border-radius: 16rpx;
			border: 2rpx solid #CB645E;
			font-size: 32rpx;
			font-weight: 500;
			color: #CB645E;
			text-align: center;

		}
	}
</style>